<template>
	<div>
		<!-- 面包屑导航区 -->
		<el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item>风险管理</el-breadcrumb-item>
			<el-breadcrumb-item>风险分析管理</el-breadcrumb-item>
		</el-breadcrumb>
		<!-- 卡片视图 -->
		<el-row :gutter="5">
		<el-card>
			<el-card class="box-card">
				<div v-for="" :key="" class="product_content">
					<div><label class="orange"></label>本系统共提供两种分析方法，定量分析和定性分析，</lable></div>
					<div> 您可以在阅读分析方法介绍后选择适合自己的分析</div>
					<div> 方法进行分析：</div>
					<div> </div>
					<div> </div>
					<div> 定性分析的目的是利用已识别风险的发生概率、风险</div>
					<div> 发生对项目目标的相应影响。以及其它的因素，例如</div>
					<div> 时间、进度、范围和质量等制约条件的承受度，对已</div>
					<div> 识别风险的优先级别进行评价。一共分为三个风险等</div>
					<div> 级，高、中、低，在本系统中分析结果为高、中的风</div>
					<div> 险都将会出现预警。</div>
					<div> </div>
					<div> </div>
					<div> 定量分析定量风险分析一般应当在确定风险应对计划</div>
					<div> 时再次进行，以确定项目总风险是否已经减少到满意。</div>
					<div> 在本系统中，你可以通过输入0-1之间的概率数去分析，</div>
					<div> 分析出的风险值超过0.8时就会出现预警</div>
				</div>
			</el-card>
			<el-card class=box-card1>
				
				<el-row :gutter="25">
				<el-button @click="drawer = true" type="primary" style="margin-left: 16px;">
				  定性分析
				</el-button>
				
				<el-button @click="drawer = true" type="warning" style="margin-left: 16px;">
				  定量分析
				</el-button>
				</el-row>
				
				
				<el-drawer
				  title="我是标题"
				  :visible.sync="drawer"
				  :with-header="false"
				  size="40%">
				  
				  
				  <!-- <span>定量分析</span>
				 
					  <el-form-item label="项目名称" >
				  <el-input v-model="input" placeholder="请输入内容"></el-input>
				  </el-form-item>
				  
				  <el-input v-model="input" placeholder="请输入内容"></el-input>
				  
				  
				  <el-button @click="drawer = true" type="primary" style="margin-left: 16px;">
				    开始分析
				  </el-button> -->
				  
				  <el-form ref="form" :model="form" label-width="80px">
					  
				    <el-form-item label="影响范围">
				      <el-input v-model="form.name"></el-input>
				    </el-form-item>
				    
				    <el-form-item label="发生概率">
				      <el-input  v-model="form.desc"></el-input>
				    </el-form-item>
					
				    <el-form-item>
				      <el-button type="primary" @click="onSubmit">分析创建</el-button>
				      <el-button>取消</el-button>
				    </el-form-item>
				  </el-form>
				  
				</el-drawer>
			</el-card>
		</el-card>
		</el-row>
	</div>
</template>

<script>
	import _ from 'lodash'
	export default {
		data() {
			return {
				drawer: false,
				form: {
				          name: '',
				          region: '',
				          date1: '',
				          date2: '',
				          delivery: false,
				          type: [],
				          resource: '',
				          desc: ''
				        }
				
			}
		},
		created() {

		},
		methods: {
			 onSubmit() {
			        console.log('submit!');
			      }
			

		},
	}
</script>

<style lang='less' scoped>
	.el-checkbox {
		margin: 0 8px 0 0 !important;
	}

	.previewImg {
		width: 100%;
	}

	.btnAdd {
		margin-top: 15px
	}


	.text {
		font-size: 14px;
	}

	.item {
		padding: 18px 0;
	}

	.box-card {
		width: 480px;
	}
	
	.box-card1 {
		width: 480px;
	}
	
	.product_content>div lable.orange{
		color:orange;
	}
	
	
	
</style>
